<!DOCTYPE html>
<html>
	<head>
		<title>Lontra</title>
		<meta charset="utf-8">
	</head>
	<body>
		<!-- Header -->
		<div class="header">
			<!-- Logo ABR Ado Barros da Rocha -->
			<h1 class="logo">ABR</h1>
			<form action="#" method="POST">
				<!--Campo de login -->
				<label for="campo-login">email: </label>
				<input type="text" id="campo-login" name="campo-login">
				<!--Campo Mantenha-me conectado -->
				<label for="conectado">mantenha-me conectado</label>
				<input type="checkbox">
				<!--Campo de senha -->
				<label for="campo-senha">senha: </label>
				<input type="password" id="campo-senha" name="campo-senha">
				<!--Botão entrar -->
				<input type="submit" value="Entrar">
			</form>
		</div>

		<!--Container -->
		<div class="container">
		<!--Título do Lontra -->
			<h1>Lontra</h1>		
			<!--Logo do Lontra -->
			<img src="">	
			<!-- Parte da Descrição do programa -->	
			<h2>texto</h2>
			<p>
				Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
				tempor incididunt ut labore et dolore magna aliqua. 
			</p>
			<h2>texto</h2>
			<p>
				Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
				tempor incididunt ut labore et dolore magna aliqua. 
			</p>

			<!-- Campo de cadastro -->
			<h2>CADASTRE-SE</h2>
			<p>É fácil e rápido!</p>
			<form action="#" method="POST">
					<!--Campo cadastro de nome -->
					<label for="campo-cadastro-nome">nome: </label>
					<input type="text" id="campo-cadastro-nome" name="campo-cadastro-nome">
					<br>
					<!--Campo cadastro de sobrenome -->
					<label for="campo-cadastro-sobrenome">sobrenome: </label>
					<input type="text" id="campo-cadastro-sobrenome" name="campo-cadastro-sobrenome">
					<br>
					<!--Campo cadastro de email -->
					<label for="campo-cadastro-email">email: </label>
					<input type="text" id="campo-cadastro-email" name="campo-cadastro-email">
					<br>
					<!--Campo cadastro de repita email -->
					<label for="campo-cadastro-repita-email">repita seu email: </label>
					<input type="text" id="campo-cadastro-repita-email" name="campo-cadastro-repita-email">
					<br>
					<!--Campo cadastro de senha -->
					<label for="campo-cadastro-senha">senha: </label>
					<input type="text" id="campo-cadastro-senha" name="campo-cadastro-senha">
					<br>
		</div>
		<footer>
			
		</footer>
	</body>
</html>